<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" type="image/x-icon" href="images/icon.ico" mce_href="images/icon.ico"/>
		<link href='http://fonts.googleapis.com/css?family=Khula ' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Permanent+Marker |Khula' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="../css/estilo.css">
		<link rel="stylesheet" href="../css/menu.css">
		<title>índice</title>
	</head>
	<body>
	<header>
		
	
		<nav>
			<a href="#" class="logo">DeRuta</a>
			<input type="checkbox" id="nav" /><label for="nav"></label>
			<ul>
		        <li><a href="../index.html">Inicio</a></li>       
		        <li>
		          <a href="../pages/login.html">Login</a>
		          
		        </li>
		        <li><a href="../pages/rutas.html">Rutas</a>
		        	<!--<ul>
		            <li><a href="#"><input type="text"></input><a href="">Go</a></a></li>
		                 
		          </ul>-->
		        </li>
		          
		        <li><a href="../pages/nueva_ruta.html">Alta ruta</a></li>
		        <li><a href="../pages/registro.html">Registro</a></li>

	      	</ul>



			
		</nav>
	</header>
	
	<form id='login'>
		<input tabindex="1" type="text" name="user" placeholder="Usuario" pattern="[a-zA-Z0-9]+" data-errormessage="El nombre de usuario sólo puede contener números y letras." 
		 required/><a href="pages/login.html"><input tabindex="3" id="sub" type="submit" value="Login"/></a>
		<br/>

		<input tabindex="2" type="password" name="password" placeholder="Contraseña" data-errormessage="La contraseña debe empezar por una letra y sólo puede contener letras, número y los símbolos '-' y '_'. (Entre 5 y 10 caracteres)"
		pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{4,10}$" required/><a href="pages/registro.html"><input tabindex="4" type="button" value="Regístrate" /></a>
		<br/>
	</form>
	<footer>
		<ul>
			<li><a href="#"><span>Contacto: creador@depagina.com</span></a></li>
			<li><a href="#"><span>Términos de servicio</span></a></li>
			<li><a href="#"><span>Política de privacidad</span></a></li>
			<li><span>Pablo López Mansilla y Marta Guerrero Pastor</span></li>
			<li><span>Febrero 2015</span></li>
		</ul>
	</footer>
	
	</body>
</html>